<template>
  <Portlet :title="serviceInfo ? '服务信息' : '商品信息'" >
    <el-form label-position="left">
      <el-row>
        <el-col :span="12" v-for="(good, index) in fhbOrderGoods" :key="index">
          <div style="float: left">
            <Upload-image :formData="{}" :showPictureNum="true" :readonly="true" :value="handleJsonStringArr(good.picture)"></Upload-image>
          </div>
          <div style="float: left">
            <p> 产品类别：{{ good.bigClass}} {{good.middleClass}}</p>
            <p> 产品名称：{{ good.name }}</p>
            <p> 产品说明：{{ good.memo }}</p>
            <p> 数量：{{ good.num }}</p>
          </div>
        </el-col>
      </el-row>
    </el-form>
  </Portlet>
</template>
<script>
import {dotData, handleJsonStringArr} from '@/utils'
export default {
  name: 'goods',
  components: {
  },
  filters: {
  },
  props: {
    orderDetail: {
      type: Object,
      required: true
    },
    serviceInfo: {
      type: String,
      default: ''
    }
  },
  computed: {
    fhbOrderGoods() {
      return dotData(this.orderDetail, 'fhbOrderGoods')
    }
  },
  methods: {
    handleJsonStringArr
  }
}
</script>
